<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/static/js/jquery.min.js"></script>
    <link href="/static/css/css.css" rel="stylesheet">
    <link href="/static/css/alert.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <div class="search-data" id="sreach_list">
            <div class="search-div">
                <label for="nickname">客户名称:</label>
                <input type="text" id="nickname" placeholder="客户名称">
            </div>    
            <div class="search-div">
                <label for="keyword">关键词:</label>
                <input type="text" id="keyword" placeholder="关键词">
            </div>
            <div class="search-div">
                <a href="javascript:;" onclick="keyword_search()">搜索</a>
                <!-- <a href="javascript:;" onclick="order_none()">重置</a> -->
            </div>
        </div>
        <div class="order-page">
            <table class="order-page-table">
                <thead>
                    <tr>
                        <th>关键词</th>
                        <th>用户</th>
                        <th>次数</th>
                        <th>价格</th>
                        <th>数据</th>
                        <th>平台</th>
                        <th>最初搜查时间</th>
                        <th>最新搜查时间</th>
                    </tr>
                </thead>
                <tbody id="order-list">
                    {volist name="list" id="value"}
                    <tr>
                        <td>{$value.keyword}</td>
                        <td>{$value.username}</td>
                        <td>{$value.count}</td>
                        <td>{$value.price|default=''}</td>
                        <td>
                            <span>点击数:{$value.keywords.baiduyingxiao_click|default=''}</span>
                            <span>热度:{$value.keywords.zz_all|default=''}</span>
                        </td>
                        <td>{$value.area_type}</td>
                        <td>{$value.create_time|date="Y-m-d"}</td>
                        <td>{$value.update_time|date="Y-m-d H:i:s"}</td>
                    </tr>
                    {/volist}
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="8">
                            <div class="page">
                                {$list|raw}
                            </div>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="keywords-order-list-button" id="keywords-order-list-button" style="display:none;">
            <div class="total-price">
                <label for="total-price-1">总价:￥<b id="total-price"></b></label>
            </div>
        </div>
    </div>
</body>
<script>
    function keyword_search(){
        let nickname = document.getElementById('nickname').value,
            keyword = document.getElementById('keyword').value;
        location.href="/index/history/keyword?keyword=" + keyword + "&nickname=" + nickname;
    }
</script>
</html>